<template>
  <div>
    <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
      <el-menu-item index="1">租房分期</el-menu-item>
      <el-menu-item index="2">收房贷</el-menu-item>
      <el-menu-item index="3">应收租约保理</el-menu-item>
    </el-menu>
    <el-card shadow="always">
      <h1><i class="el-icon-share"></i> - {{ title }}</h1>
      {{ msg }}
    </el-card>
    <el-card shadow="hover">
      <h1><i class="el-icon-picture"></i> - 具体内容</h1>
      <div style="margin: 0 auto">
        <!--      <img src="http://47.94.105.85:9001/wish/jinrong.png" width="88%" align="center">-->
        <el-image src="http://47.94.105.85:9001/wish/jinrong.png"></el-image>
        <br>
        <el-button type="warning" @click="applyFor(applyit)">在线申请</el-button>
      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  created() {
    this.handleSelect(1, 1);
  },
  name: "index",
  data() {
    return {
      applyit: '',
      activeIndex: '1',
      msg: '',
      title: '',
    };
  },
  methods: {
    applyFor(val) {
      console.log(val);
      this.$router.push(val);
    },
    handleSelect(key, keyPath) {
      console.log(key, keyPath);
      if (key == '1') {
        this.msg = '    租房分期是由维数金融基于区块链和智能合约以及通过大数据建模分析基础上，为公寓企业针对租客提供的一款月付房租的产品。为此，公寓企业可以享受快捷、方便、低成本的融资服务；租客可以享受房租的轻松月付功能，轻松便利，信用记录优质的租客还能享受免租房免押金。维数金融直接一次性垫付租客的应付房租，租客分期进行偿还。'
        this.title = '分期简介';
        this.applyit = '/banking/installment';
      }
      if (key == '2') {
        this.msg = '    收房贷是由维数金融针对公寓企业给予一次性的定向授信，用于缴付业主房租。维数金融直接垫付公寓企业应付业主的房租，公寓企业分期进行偿还。根据长租公寓的不同偏好和实际情况，可分别选择以业主作为借款人的应收租金转让模式、以长租公寓作为借款人存量租约质押借款模式和长租公寓作为借款人的房源共同托管模式。'
        this.title = '房货简介';
        this.applyit = '/banking/collectmortgage';
      }
      if (key == '3') {
        this.msg = '    应收租约保理是由维数金融针对长租公寓一定量的存量租约给予的金融股支持产品，即将长租公寓一定量的未到期租约提前贴现。'
        this.title = '应收租约保理';
        this.applyit = '/banking/leasefactoring';
      }
    }
  }
}
</script>

<style scoped>

</style>
